$(function () {
    // 需求1: 获取用于信息渲染欢迎和图像
    getUserInfo();

    // 需求2: 退出
    $("#logout").on('click',function () {
        layer.confirm('确认退出登录吗',{icon:3,title:'提示'},function () {
            // 销毁token 跳转到登录页
            localStorage.removeItem('token');
            location.href = '/login.html';
            // 自带的代码,关闭询问框
            layer.close(index);
        })
    })

});

function getUserInfo () {
    axios({
        url:'/my/userinfo',
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(res =>{
        // console.log(res);
        // 判断
        if (res.data.status !==0) {
            return layui.layer.msg(res.data.message)
        }
        // 渲染
        renderAvatar(res.data.data);
    })
}

// 渲染用户信息和头像
function renderAvatar (user) {
    // 渲染欢迎 如果有nickname优先渲染nickname,没有nickname渲染username
    let name = user.nickname || user.user.username;
    $(".welcome").html('欢迎'+name);
    // 处理头像 如果有图片头像渲染图片头像,否侧渲染文字头像
    if (user.user_pic !==null) {
        $(".avatar-text").hide();
        $(".layui-nav-img").show().attr('src',user.user_pic);
    }else{
        // 没有图片头像,就渲染文字头像 隐藏图片头像,显示文字头像
        $(".layui-nav-img").hide();
        // 渲染name中的第一个单词字符,且大写
        let first = name[0].toUpperCase();
        $(".avatar-text").show().html(first);
    }
}